<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>四格漫画《与你一样的普通生活》官网</title>
<meta name="theme-color" content="#000" />
<meta name="renderer" content="webkit" />
<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet" />
<style type="text/css">     
body{
margin:0;
padding:0;
background-color:#000;
color:#fff;
overflow:hidden;
font-family:"微软雅黑", sans-serif;
}
#ordinary, #life, .author_name, .author{
font-family:'Open Sans Condensed', sans-serif;
text-align:center;
margin:0;
padding:0;
}
#ordinary{
font-size:600%;
letter-spacing:5px;
}
#life{
font-size:600%
}
.fb1{
text-shadow:1px 0px 1px #1bd7e6, 0px 1px 1px #1bd7e6, -1px 0px 1px #1bd7e6, 0px -1px 1px #1bd7e6, 1px -1px 1px #1bd7e6, -1px 1px 1px #1bd7e6, 1px 1px 1px #1bd7e6, -1px -1px 1px #1bd7e6;
color:#000;
}
.fb2{
text-shadow:1px 0px 1px #85d8e7, 0px 1px 1px #85d8e7, -1px 0px 1px #85d8e7, 0px -1px 1px #85d8e7, 1px -1px 1px #85d8e7, -1px 1px 1px #85d8e7, 1px 1px 1px #85d8e7, -1px -1px 1px #85d8e7;
color:#000;
}
.fb3{
text-shadow:1px 0px 1px #659fbf, 0px 1px 1px #659fbf, -1px 0px 1px #659fbf, 0px -1px 1px #659fbf, 1px -1px 1px #659fbf, -1px 1px 1px #659fbf, 1px 1px 1px #659fbf, -1px -1px 1px #659fbf;
color:#000;
}
.fb11, .fb12, .fb13, .fb21, .fb22, .fb23, .fb31, .fb32, .fb33{
color:#000;
}
#header .author_name{
font-size:200%;
font-weight:lighter;
letter-spacing:5px;
padding-bottom:50px;
}
#header .author{
font-size:100%;
padding-top:30px;
}
</style>

</head>
<body>
<div id="header">
<div class="author">
<span class="fb23" style="text-shadow:none">A</span>
<span class="fb22" style="text-shadow:none">u</span>
<span class="fb21" style="text-shadow:none">t</span>
<span class="fb22" style="text-shadow:none">h</span>
<span class="fb23" style="text-shadow:none">o</span>
<span class="fb22" style="text-shadow:none">r</span>
</div>
<div class="author_name">
<span class="fb32" style="text-shadow:none">B</span><span class="fb31" style="text-shadow:none">E</span><span class="fb33" style="text-shadow:none">X</span><span class="fb32" style="text-shadow:none">O</span><span class="fb31" style="text-shadow:none">N</span> <span class="fb33" style="text-shadow:none">P</span><span class="fb32" style="text-shadow:none">A</span><span class="fb31" style="text-shadow:none">K</span>
</div>
<div id="ordinary">
<span class="fb1">O</span><span class="fb2">R</span><span class="fb3">D</span><span class="fb1">I</span><span class="fb3">N</span><span class="fb2">A</span><span class="fb1">R</span><span class="fb3">Y</span>
</div>
<div id="life">
<span class="fb11" style="text-shadow:1px 0px 5px #1bd7e6, 0px 1px 5px #1bd7e6, -1px 0px 5px #1bd7e6, 0px -1px 5px #1bd7e6, 1px -1px 5px #1bd7e6, -1px 1px 5px #1bd7e6, 1px 1px 5px #1bd7e6, -1px -1px 5px #1bd7e6;">L</span>
<span class="fb12" style="text-shadow:1px 0px 5px #85d8e7, 0px 1px 5px #85d8e7, -1px 0px 5px #85d8e7, 0px -1px 5px #85d8e7, 1px -1px 5px #85d8e7, -1px 1px 5px #85d8e7, 1px 1px 5px #85d8e7, -1px -1px 5px #85d8e7;">I</span>
<span class="fb13" style="text-shadow:1px 0px 5px #659fbf, 0px 1px 5px #659fbf, -1px 0px 5px #659fbf, 0px -1px 5px #659fbf, 1px -1px 5px #659fbf, -1px 1px 5px #659fbf, 1px 1px 5px #659fbf, -1px -1px 5px #659fbf;">F</span>
<span class="fb11" style="text-shadow:1px 0px 5px #1bd7e6, 0px 1px 5px #1bd7e6, -1px 0px 5px #1bd7e6, 0px -1px 5px #1bd7e6, 1px -1px 5px #1bd7e6, -1px 1px 5px #1bd7e6, 1px 1px 5px #1bd7e6, -1px -1px 5px #1bd7e6;">E</span>
</div>
</header>
</body>
<script type="text/javascript">
window.onload=function(){
var life=document.getElementById("life");
var lifeFb1=life.getElementsByClassName("fb11")[0];
var lifeFb1_1=life.getElementsByClassName("fb11")[1];
var lifeFb2=life.getElementsByClassName("fb12")[0];
var lifeFb3=life.getElementsByClassName("fb13")[0];
function noShadow() {
lifeFb1.style.textShadow="1px 0px 0px #1bd7e6, 0px 1px 0px #1bd7e6, -1px 0px 0px #1bd7e6, 0px -1px 0px #1bd7e6, 1px -1px 0px #1bd7e6, -1px 1px 0px #1bd7e6, 1px 1px 0px #1bd7e6, -1px -1px 0px #1bd7e6";
lifeFb1_1.style.textShadow="1px 0px 0px #1bd7e6, 0px 1px 0px #1bd7e6, -1px 0px 0px #1bd7e6, 0px -1px 0px #1bd7e6, 1px -1px 0px #1bd7e6, -1px 1px 0px #1bd7e6, 1px 1px 0px #1bd7e6, -1px -1px 0px #1bd7e6";
lifeFb2.style.textShadow="1px 0px 0px #85d8e7, 0px 1px 0px #85d8e7, -1px 0px 0px #85d8e7, 0px -1px 0px #85d8e7, 1px -1px 0px #85d8e7, -1px 1px 0px #85d8e7, 1px 1px 0px #85d8e7, -1px -1px 0px #85d8e7";
lifeFb3.style.textShadow="1px 0px 0px #659fbf, 0px 1px 0px #659fbf, -1px 0px 0px #659fbf, 0px -1px 0px #659fbf, 1px -1px 0px #659fbf, -1px 1px 0px #659fbf, 1px 1px 0px #659fbf, -1px -1px 0px #659fbf";
}
function shadow(){
lifeFb1.style.textShadow="1px 0px 5px #1bd7e6, 0px 1px 5px #1bd7e6, -1px 0px 5px #1bd7e6, 0px -1px 5px #1bd7e6, 1px -1px 5px #1bd7e6, -1px 1px 5px #1bd7e6, 1px 1px 5px #1bd7e6, -1px -1px 5px #1bd7e6";
lifeFb1_1.style.textShadow="1px 0px 5px #1bd7e6, 0px 1px 5px #1bd7e6, -1px 0px 5px #1bd7e6, 0px -1px 5px #1bd7e6, 1px -1px 5px #1bd7e6, -1px 1px 5px #1bd7e6, 1px 1px 5px #1bd7e6, -1px -1px 5px #1bd7e6";
lifeFb2.style.textShadow="1px 0px 5px #85d8e7, 0px 1px 5px #85d8e7, -1px 0px 5px #85d8e7, 0px -1px 5px #85d8e7, 1px -1px 5px #85d8e7, -1px 1px 5px #85d8e7, 1px 1px 5px #85d8e7, -1px -1px 5px #85d8e7";
lifeFb3.style.textShadow="1px 0px 5px #659fbf, 0px 1px 5px #659fbf, -1px 0px 5px #659fbf, 0px -1px 5px #659fbf, 1px -1px 5px #659fbf, -1px 1px 5px #659fbf, 1px 1px 5px #659fbf, -1px -1px 5px #659fbf";
}
function flashing(){
window.setTimeout(noShadow,0001);
window.setTimeout(shadow,150);
window.setTimeout(noShadow,300);
window.setTimeout(shadow,450);
window.setTimeout(noShadow,600);
window.setTimeout(shadow,750);
}
window.setInterval(flashing,3500);

var author=document.getElementsByClassName("author")[0];
var authorFb21=author.getElementsByClassName("fb21");//1
var authorFb22=author.getElementsByClassName("fb22");//3
var authorFb23=author.getElementsByClassName("fb23");//2
function lightAuthor(){
authorFb21[0].style.textShadow="1px 0px 1px #1bd7e6, 0px 1px 1px #1bd7e6, -1px 0px 1px #1bd7e6, 0px -1px 1px #1bd7e6, 1px -1px 1px #1bd7e6, -1px 1px 1px #1bd7e6, 1px 1px 1px #1bd7e6, -1px -1px 1px #1bd7e6";
authorFb22[0].style.textShadow="1px 0px 1px #85d8e7, 0px 1px 1px #85d8e7, -1px 0px 1px #85d8e7, 0px -1px 1px #85d8e7, 1px -1px 1px #85d8e7, -1px 1px 1px #85d8e7, 1px 1px 1px #85d8e7, -1px -1px 1px #85d8e7";
authorFb22[1].style.textShadow="1px 0px 1px #85d8e7, 0px 1px 1px #85d8e7, -1px 0px 1px #85d8e7, 0px -1px 1px #85d8e7, 1px -1px 1px #85d8e7, -1px 1px 1px #85d8e7, 1px 1px 1px #85d8e7, -1px -1px 1px #85d8e7";
authorFb22[2].style.textShadow="1px 0px 1px #85d8e7, 0px 1px 1px #85d8e7, -1px 0px 1px #85d8e7, 0px -1px 1px #85d8e7, 1px -1px 1px #85d8e7, -1px 1px 1px #85d8e7, 1px 1px 1px #85d8e7, -1px -1px 1px #85d8e7";
authorFb23[0].style.textShadow="1px 0px 1px #659fbf, 0px 1px 1px #659fbf, -1px 0px 1px #659fbf, 0px -1px 1px #659fbf, 1px -1px 1px #659fbf, -1px 1px 1px #659fbf, 1px 1px 1px #659fbf, -1px -1px 1px #659fbf";
authorFb23[1].style.textShadow="1px 0px 1px #659fbf, 0px 1px 1px #659fbf, -1px 0px 1px #659fbf, 0px -1px 1px #659fbf, 1px -1px 1px #659fbf, -1px 1px 1px #659fbf, 1px 1px 1px #659fbf, -1px -1px 1px #659fbf";
}
window.setTimeout(lightAuthor,500);

var authorName=document.getElementsByClassName("author_name")[0];
var authorNameFb31=authorName.getElementsByClassName("fb31");
var authorNameFb32=authorName.getElementsByClassName("fb32");
var authorNameFb33=authorName.getElementsByClassName("fb33");
function lightAuthorName(){
authorNameFb31[0].style.textShadow="1px 0px 1px #1bd7e6, 0px 1px 1px #1bd7e6, -1px 0px 1px #1bd7e6, 0px -1px 1px #1bd7e6, 1px -1px 1px #1bd7e6, -1px 1px 1px #1bd7e6, 1px 1px 1px #1bd7e6, -1px -1px 1px #1bd7e6";
authorNameFb31[1].style.textShadow="1px 0px 1px #1bd7e6, 0px 1px 1px #1bd7e6, -1px 0px 1px #1bd7e6, 0px -1px 1px #1bd7e6, 1px -1px 1px #1bd7e6, -1px 1px 1px #1bd7e6, 1px 1px 1px #1bd7e6, -1px -1px 1px #1bd7e6";
authorNameFb32[0].style.textShadow="1px 0px 1px #85d8e7, 0px 1px 1px #85d8e7, -1px 0px 1px #85d8e7, 0px -1px 1px #85d8e7, 1px -1px 1px #85d8e7, -1px 1px 1px #85d8e7, 1px 1px 1px #85d8e7, -1px -1px 1px #85d8e7";
authorNameFb32[1].style.textShadow="1px 0px 1px #85d8e7, 0px 1px 1px #85d8e7, -1px 0px 1px #85d8e7, 0px -1px 1px #85d8e7, 1px -1px 1px #85d8e7, -1px 1px 1px #85d8e7, 1px 1px 1px #85d8e7, -1px -1px 1px #85d8e7";
authorNameFb33[0].style.textShadow="1px 0px 1px #85d8e7, 0px 1px 1px #85d8e7, -1px 0px 1px #85d8e7, 0px -1px 1px #85d8e7, 1px -1px 1px #85d8e7, -1px 1px 1px #85d8e7, 1px 1px 1px #85d8e7, -1px -1px 1px #85d8e7";
}
window.setTimeout(lightAuthorName,1000);

function lastName(){
authorNameFb31[2].style.textShadow="1px 0px 1px #1bd7e6, 0px 1px 1px #1bd7e6, -1px 0px 1px #1bd7e6, 0px -1px 1px #1bd7e6, 1px -1px 1px #1bd7e6, -1px 1px 1px #1bd7e6, 1px 1px 1px #1bd7e6, -1px -1px 1px #1bd7e6";
authorNameFb32[2].style.textShadow="1px 0px 1px #85d8e7, 0px 1px 1px #85d8e7, -1px 0px 1px #85d8e7, 0px -1px 1px #85d8e7, 1px -1px 1px #85d8e7, -1px 1px 1px #85d8e7, 1px 1px 1px #85d8e7, -1px -1px 1px #85d8e7";
authorNameFb33[1].style.textShadow="1px 0px 1px #85d8e7, 0px 1px 1px #85d8e7, -1px 0px 1px #85d8e7, 0px -1px 1px #85d8e7, 1px -1px 1px #85d8e7, -1px 1px 1px #85d8e7, 1px 1px 1px #85d8e7, -1px -1px 1px #85d8e7";
}
window.setTimeout(lastName,1500);
}
</script>
</html>